<html>
<head>
<script type="text/javascript">
		var aJaxURL	= "server-side/report/printers_history.action.php";		//server side folder url
		var tName	= "report";		
		
		$(document).ready(function () {
			GetDate("search_start,#search_end");   	
			LoadTable();      				
		});
        
		function LoadTable(){
			var start	= $("#search_start").val();
	    	var end		= $("#search_end").val();   
			var total = [10,11];
			/* Table ID, aJaxURL, Action, Colum Number, Custom Request, Hidden Colum, Menu Array */
			GetDataTable2(tName, aJaxURL, "get_list", 12, "start=" + start + "&end=" + end, 0, "", 1, "desc", total);
			//SetEvents('', '', '', tname, fname, aJaxURL, c_data, c_param)
			SetEvents('', '', '', "report", "dialog", aJaxURL)
         }

	    $(document).on("change", "#search_start,#search_end", function () {
	    	LoadTable();
	    });	  
function    LoadDialog(fname){

	GetDialog("dialog", "auto", "auto", '')
		    }; 

	    
</script>
<style>
table tr td:nth-child(11){
  	text-align: right;
  }
table tr td:nth-child(10){
  	text-align: right;
  }
  

.table_style {
	margin:0px;
	padding:0px;
	width:100%;
	border:1px solid #000000;	
	border-bottom-left-radius:0px;	
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
}.table_style table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.table_style tr:last-child td:last-child {
	border-bottom-right-radius:0px;
}
.table_style table tr:first-child td:first-child {
	border-top-left-radius:0px;
}
.table_style table tr:first-child td:last-child {
	border-top-right-radius:0px;
}.table_style tr:last-child td:first-child{
	border-bottom-left-radius:0px;
}.table_style tr:hover td{
	
}
.table_style tr:nth-child(odd) { background-color:#e5e5e5; }
.table_style tr:nth-child(even){ background-color:#ffffff; }.table_style td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.table_style tr:last-child td{
	border-width:0px 1px 0px 0px;
}.table_style tr td:last-child{
	border-width:0px 0px 1px 0px;
}.table_style tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.table_style tr:first-child td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.table_style tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
}
.table_style tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.table_style tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

</style>
</head>

<body>    
    <div id="dt_example" class="ex_highlight_row clear_box" >
        <div id="container" style="width: 1300px">
            <div id="dynamic">
            	<h2 align="center">პრინტერების ისტორია </h2>
            	
            	
            	  <div id="button_area">
	            	<div class="left" style="width: 250px;">
	            		<label for="search_start" class="left" style="margin: 5px 0 0 9px;">დასაწყისი</label>
	            		<input type="text" name="search_start" id="search_start" class="inpt right" style="padding: 0px !important; height: 25px !important;"/>
	            	</div>
	            	<div class="right" style="width: 250px;">
	            		<label for="search_end" class="left" style="margin: 5px 0 0 9px;">დასასრული</label>
	            		<input type="text" name="search_end" id="search_end" class="inpt right" style="padding: 0px !important; height: 25px !important;"/>
            		</div>
            	</div>
            	
            	
                <table class="display" id="report"  style="width: 1300px">
                    <thead>
                        <tr id="datatable_header">
                            <th>ID</th>
                            <th style="width: 0px;">ტიპი</th>  
                            <th style="width: 120px;">შტრიხკოდი</th>
                            <th style="width: 105px;">სერიული<br>ნომერი</th>   
                            <th style="width: 140px;">მოდელი</th>                                                                           
                            <th style="width: 53px;">ბარათი</th>
                            <th style="width: 130px;" title="შეფუთვის თარიღი" >თარიღი</th>                            
                            <th style="width: 180px;">კლიენტი</th>
                            <th style="width: 200px;">შესრულებული<br>სამუშაო</th>
                            <th style="width: 200px;">რეალური<br>სამუშაო </th>
                            <th style="width: 50px;">თანხა</th>
                            <th style="width: 50px;">თვით-ბა</th>                                                 
                        </tr>
                    </thead>
                    <thead>
                        <tr class="search_header">
                            <th class="colum_hidden">
                            	<input type="text" name="search_id" value="ფილტრი" class="search_init" />
                            </th>
                            <th>
                                <input type="text" name="search_type" value="ფილტრი" class="search_init"/>
                            </th>
                             <th>
                                <input type="text"  name="search_type" value="ფილტრი"  class="search_init"/>
                            </th>    
                            <th>
                                <input type="text" name="search_code" value="ფილტრი"  class="search_init"/>
                            </th>                            
                            <th>
                               <input type="text"  name="search_model" value="ფილტრი" class="search_init"/>                              
                            </th>
                            <th>
                               <input type="text"  name="search_letter" value="ფილტრი" class="search_init"/>
                            </th>     
                            <th>
                                <input type="text"  name="search_date" value="ფილტრი" class="search_init"/>
                            </th>
                            <th>
                                <input type="text"  name="search_client" value="ფილტრი" class="search_init"/>
                            </th>                         
                            <th>
                                <input type="text" name="search_work" value="ფილტრი" class="search_init"/>
                            </th>
                           <th>
                                <input type="text" name="search_work" value="ფილტრი" class="search_init"/>
                            </th>                                                                         
                            <th>
                            </th> 
                            <th>
                            </th>                                                                                  
                        </tr>
                    </thead>                       
                    <tfoot>
                        <tr>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>  
                            <th>&nbsp;</th>                         
                            <th>&nbsp;</th>
                            <th>&nbsp;</th> 
                            <th>&nbsp;</th>
                            <th>&nbsp;</th> 
                            <th>&nbsp;</th>                             
                            <th><p align="right">ჯამი:<br/>სულ ჯამი:</th>                           
                            <th>&nbsp;</th>  
                            <th>&nbsp;</th>                                                   
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div class="spacer">
            </div>
        </div>
    </div>
    <!-- jQuery Dialog -->
    
<div id="dialog" class="form-dialog" title="სერვისები">
    	<!-- aJax -->
</div>
   
</body>
</html>